<!--
 * @Descripttion: 
 * @version: 
 * @Author: ada.wu
 * @Date: 2025-07-04 00:04:26
 * @LastEditors: ada.wu
 * @LastEditTime: 2025-07-04 00:21:35
-->
<style>
  
</style>
<div class="">
    <div class="title-row layuimini-title ">
        <div class="title-left">
            <h4><span>离岗预警
                    <button class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">启用中</button>
                </span></h4>
        </div>
        <div class="title-right">
            <span class="title-right-text">
                <button type="button" class="layui-btn  layui-btn-sm layui-btn-primary ml-3" lay-on="stop">
                    停用
                </button>
            </span>
        </div>
    </div>
    <div class="m-df">

        <section class="right-form-top">
            <div class="form">

                  

                <div class="form-item">
                    <div class="icon"><img src="/assets/images/workforce/distance_white.png">
                    </div>
                    <div class="content">
                        <span class="text_btn" lay-on="time" style="margin-top: -20px;">
                               <i class="layui-icon layui-icon-edit"></i>编辑
                           </span>
                        <div class="title">在排班期间内，离开【出勤范围】超过 
                            <span class="value">60</span>
                            分钟，产生离岗预警
                        </div>
                        
                    </div>
                </div>
            </div>

        </section>



     
    </div>
</div>
<script>
    layui.use(['form', 'table', 'tabs', 'miniPage', 'element'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table,
            tabs = layui.tabs,
            laydate = layui.laydate,
            layer = layui.layer,
            util = layui.util,
            element = layui.element,
            miniPage = layui.miniPage;
        /******************** 事件 start ********************/

        util.on('lay-on', {
            'time': function () {
                var content = miniPage.getHrefContent('page/workforce/attendanceConfig/components/time.html');
                var openWH = miniPage.getOpenWidthHeight();
                var index = layer.open({
                    title: '时间',
                    type: 1,
                    shade: 0.2,
                    maxmin: false,
                    shadeClose: true,
                    area: ['320px', 'auto'],
                    content: content,
                });
                return false;
            },
            'stop': function () {
                console.log('停止')
            }
        })



    });
</script>